<%-- 
    Document   : addlocation
    Created on : 2/Jan/2015, 10:31:38
    Author     : a21210380 a21210392
    Trabalho PD - 2014/2015
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <!--our website contains characters from the Unicode character set, a superset of the ASCII character set-->
        <meta charset="utf-8">

        <!--Using the following code snippet would force IE to use the latest rendering engine to render our website-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!--We tell the browser to scale our application to the size of window space available:-->
        <!--initial-scale=1 in the code means scale it to 100%-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Login</title>

        <link rel="stylesheet" type="text/css" href="<c:url value="resources/css/bootstrap.css" />">
        <link rel="stylesheet" type="text/css" href="<c:url value="resources/css/font-awesome.css" />">
        <link rel="stylesheet" type="text/css" href="<c:url value="resources/css/styles.css" />">
        <link rel="stylesheet" type="text/css" href="<c:url value="resources/css/custom-boot.css" />">

    </head>
    <body>
        <div class="navbar navbar-default">
            <div class="container">
                <div id="mynavbar">
                    <div class="navbar" role="navigation">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar-content">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="/Trabalho_PD/homepage.html"><i class="fa fa-home fa-2x"></i></span> Catch My Ride</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <ol class="breadcrumb">
                <li><a href="/Trabalho_PD/homepage.html">HomePage</a></li>
                <li class="active"><a href="/Trabalho_PD/login.html">Login</a></li>
            </ol>
            
            <div class="well well-sm">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="usernameField" class="col-xs-12 col-sm-2">Username</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" maxlength="70" id="usernameField" placeholder="Your UserName" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="passwordField" class="col-xs-12 col-sm-2">Password</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="password" class="form-control" maxlength="70" id="passwordField" placeholder="Your Passsword" />
                        </div>
                    </div>
                    
                    <!--<div class="checkbox">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>-->
                    <button id="loginButton" type="button" onclick="onClickLogin()" class="btn btn-primary">Sign in</button>
                    <a class="btn btn-primary" href="/Trabalho_PD/register.html">Register</a>
                </form>

            </div>
        </div>
        
        <footer class="footer">
            <div class="container">
                <p class="text-muted text-center">Trabalho PD - 2014/2015 a21210380 a21210392</p>
            </div>
        </footer>


        <script src="<c:url value="resources/js/jquery.js" />"></script>
        <script src="<c:url value="resources/js/bootstrap.js" />"></script>
        <script src="<c:url value="resources/js/webserviceuseraccount.js" />"></script>
        <script src="<c:url value="resources/js/customjs/login.js" />"></script>
    </body>
</html>
